@import "../../../css/global";

$rem: 7.5rem / 1125;

.status-bar{
  display: none;
}

.main {
  overflow: scroll;
  .banner-bg {
    background: #dfdfdf;
    .banner {
      height: 630 * $rem;
      width: 100%;
      overflow: hidden;
      position: relative;
      background: url("../../../img/default.png") center no-repeat;
      background-size: contain;
      .banList {
        @include full;
        li {
          @include full;
          opacity: 0;
          position: absolute;
          //transform: scale(0);
          //transition: transform 0.5s ease 0s, opacity 1.5s ease 0s;
          z-index: 1;
          &.active {
            opacity: 1;
            //transform: scale(1);
            z-index: 2;
          }
        }
      }
      .fomW {
        position: absolute;
        bottom: 0;
        z-index: 9;
        @include full-width;
        .jsNav {
          text-align: center;
          a {
            display: inline-block;
            background: #fff;
            width: 0.2rem;
            height: 0.04rem;
            margin: 0.2rem 0.06rem;
            &.current {
              background: #fc8f0f;
              cursor: pointer
            }
          }
        }
      }
    }
  }
  .border {
    border: 6*$rem solid #f75757;
    .process {
      & > div {
        width: 1065*$rem;
        height: 201* $rem;
        border-bottom: 3*$rem solid #bababa;
        & > div:nth-child(1) {
          background: rgba(247, 87, 87, 1);
          border-radius: 12*$rem;
          div {
            background: url("../../../img/home/1.png") center no-repeat;
            background-size: contain;
          }
        }
        & > div:nth-child(3) {
          background: rgba(36, 107, 170, 1);
          div {
            background: url("../../../img/home/2.png") center no-repeat;
            background-size: contain;
          }
        }
        & > div:nth-child(5) {
          background: rgba(0, 151, 58, 1);
          div {
            background: url("../../../img/home/3.png") center no-repeat;
            background-size: contain;
          }
        }
        & > div:nth-child(7) {
          background: rgba(246, 197, 66, 1);
          div {
            background: url("../../../img/home/4.png") center no-repeat;
            background-size: contain;
          }
        }
        & > div:nth-child(2n+1) {
          width: 227*$rem;
          height: 96*$rem;
          border-radius: 12*$rem;
          font-size: 39*$rem;
          color: rgba(255, 255, 255, 1);
          line-height: 39*$rem;
          & > div {
            width: 36*$rem;
            height: 36*$rem;
            margin-right: 12*$rem;
          }
        }
        & > div:nth-child(2n) {
          width: 24*$rem;
          height: 33*$rem;
          background: url("../../../img/home/to.png") center no-repeat;
          background-size: contain;
        }
      }
    }
    .info {
      width: 7rem;
      height: 4.75rem;
      background: url("../../../img/home/info.png") center no-repeat;
      background-size: contain;
    }
    .btn {
      width: 6rem;
      height: .7rem;
      margin-bottom: .2rem;
      background: rgba(247, 87, 87, 1);
      border-radius: 12*$rem;
      box-shadow: 0 12*$rem 18*$rem rgba(11, 2, 5, 0.17);
      font-size: .3rem;
      color: rgba(255, 255, 255, 1);
      line-height: .3rem;
    }
  }
}
